<template>
    <div class="container_box">
        <div class="huanle_stop_shengyu_num">{{this.huanle_stop_shengyu_num}}</div>
        <div class="animine_part_hotel_zong_num">{{this.animine_part_hotel_zong_num}}</div>
        <div class="animine_part_hotel_shengcar_num">{{this.animine_part_hotel_shengcar_num}}</div>
        <div class="animine_part_stop_shengyu_num">{{this.animine_part_stop_shengyu_num}}</div>
        <div class="huanle_center_stop_shengyu_num">{{this.huanle_center_stop_shengyu_num}}</div>
        <div class="ruifeng_huanle_hotel_zong_num">{{this.ruifeng_huanle_hotel_zong_num}}</div>
        <div class="ruifeng_huanle_hotel_shengcar_num">{{this.ruifeng_huanle_hotel_shengcar_num}}</div>
        <div class="xishui_center_shengcar_num">{{this.xishui_center_shengcar_num}}</div>
        <div class="guzhen_shengcar_num">{{this.guzhen_shengcar_num}}</div>
        <div class="ruifeng_guzhen_hotel_zong_num">{{this.ruifeng_guzhen_hotel_zong_num}}</div>
        <div class="ruifeng_guzhen_hotel_shengcar_num">{{this.ruifeng_guzhen_hotel_shengcar_num}}</div>
        <div class="longzhimeng_guzhen_hotel_zong_num">{{this.longzhimeng_guzhen_hotel_zong_num}}</div>
        <div class="longzhimeng_guzhen_hotel_shengcar_num">{{this.ruifeng_guzhen_hotel_shengcar_num}}</div>
        <div class="yashi_hotel_zong_num">{{this.yashi_hotel_zong_num}}</div>
        <div class="yashi_hotel_shengcar_num">{{this.yashi_hotel_shengcar_num}}</div>
        <div class="zuanshi_hotel_zong_num">{{this.zuanshi_hotel_zong_num}}</div>
        <div class="zuanshi_hotel_shengcar_num">{{this.zuanshi_hotel_shengcar_num}}</div>
        <div class="yashi_stop_shengyu_num">{{this.yashi_stop_shengyu_num}}</div>
        <div class="zuanshi_stop_shengyu_num">{{this.zuanshi_stop_shengyu_num}}</div>
    </div>
</template>

<script>
import { CONST_NAME } from './constname'
export default {
    created() {
    },
    data() {
        return {
            huanle_stop_shengyu_num: '-',
            animine_part_hotel_zong_num: '-',
            animine_part_hotel_shengcar_num: '-',
            animine_part_stop_shengyu_num: '-',
            huanle_center_stop_shengyu_num: '-',
            ruifeng_huanle_hotel_zong_num: '-',
            ruifeng_huanle_hotel_shengcar_num: '-',
            xishui_center_shengcar_num: '-',
            guzhen_shengcar_num: '-',
            ruifeng_guzhen_hotel_zong_num: '-',
            ruifeng_guzhen_hotel_shengcar_num: '-',
            longzhimeng_guzhen_hotel_zong_num: '-',
            longzhimeng_guzhen_hotel_shengcar_num: '-',
            yashi_hotel_zong_num: '-',
            yashi_hotel_shengcar_num: '-',
            zuanshi_hotel_zong_num: '-',
            zuanshi_hotel_shengcar_num: '-',
            yashi_stop_shengyu_num: '-',
            zuanshi_stop_shengyu_num: '-',
        }
    },
    mounted() {
        // this.flusData()
    },
    destroyed() {
    },
    methods: {
        getItemData(arr, name, value){
            for(var i = 0; i < arr.length; i++) {
                if(arr[i][name] === value) {
                    return arr[i]
                }
            }
        },
        flusData(data){
            let item = this.getItemData(data, "hotel",CONST_NAME.ANIMINE_PART_HOTEL_REST)
            this.animine_part_hotel_zong_num = item.occupiedtonightpersons

            item = {}
            item = this.getItemData(data, "hotel",CONST_NAME.ZUANSHI_HOTEL)
            this.zuanshi_hotel_zong_num = item.occupiedtonightpersons
            
            item = {}
            item = this.getItemData(data, "hotel",CONST_NAME.YASHI_HOTEL_REST)
            this.yashi_hotel_zong_num = item.occupiedtonightpersons
        },
        flushParkData(data){
            let item = this.getItemData(data, "parkingname",CONST_NAME.ANIMINE_PART_HOTEL_STOP_REST)
            this.animine_part_hotel_shengcar_num = item.sycw

            item = []
            item = this.getItemData(data, "parkingname",CONST_NAME.ANIMINE_PART_STOP_REST)
            this.animine_part_stop_shengyu_num = item.sycw

            item = []
            item = this.getItemData(data, "parkingname",CONST_NAME.XISHUI_CENTER_REST)
            this.xishui_center_shengcar_num = item.sycw

            item = []
            item = this.getItemData(data, "parkingname",CONST_NAME.GUZHEN_REST)
            this.guzhen_shengcar_num = item.sycw

            item = []
            item = this.getItemData(data, "parkingname",CONST_NAME.ZUANSHI_HOTEL_REST)
            this.zuanshi_hotel_shengcar_num = item.sycw

            item = []
            item = this.getItemData(data, "parkingname",CONST_NAME.YASHI_STOP_REST)
            this.yashi_stop_shengyu_num = item.sycw

            item = []
            item = this.getItemData(data, "parkingname",CONST_NAME.ZUANSHI_STOP_REST)
            this.zuanshi_stop_shengyu_num = item.sycw
        }
    },

}
</script>

<style lang="less" scoped>
.container_box{
    font-family: Arial-BoldMT;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;

    .huanle_stop_shengyu_num{
        width: 54px;
        height: 28px;
        top: 325px;
        left: 552px;
        position: fixed;
    }
    .animine_part_hotel_zong_num{
        width: 54px;
        height: 28px;
        top: 538px;
        left: 315px;
        position: fixed;

    }
    .animine_part_hotel_shengcar_num{
        width: 54px;
        height: 28px;
        top: 538px;
        left: 390px;
        position: fixed;
        
    }
    .animine_part_stop_shengyu_num{
        width: 54px;
        height: 28px;
        top: 620px;
        left: 228px;
        position: fixed;
        
    }
    .huanle_center_stop_shengyu_num{
        width: 54px;
        height: 28px;
        bottom: 322px;
        left: 205px;
        position: fixed;
    }
    .ruifeng_huanle_hotel_zong_num{
        width: 54px;
        height: 28px;
        bottom: 256px;
        left: 322px;
        position: fixed;
    }
    .ruifeng_huanle_hotel_shengcar_num{
        width: 54px;
        height: 28px;
        bottom: 256px;
        left: 397px;
        position: fixed;
    }
    .xishui_center_shengcar_num{
        width: 54px;
        height: 28px;
        bottom: 297px;
        left: 619px;
        position: fixed;

    }
    .guzhen_shengcar_num{
        width: 54px;
        height: 28px;
        bottom: 318px;
        left: 1087px;
        position: fixed;
    }
    .ruifeng_guzhen_hotel_zong_num{
        width: 54px;
        height: 28px;
        bottom: 117px;
        left: 918px;
        position: fixed;
    }
    .ruifeng_guzhen_hotel_shengcar_num{
        width: 54px;
        height: 28px;
        bottom: 117px;
        left: 993px;
        position: fixed;
    }
    .longzhimeng_guzhen_hotel_zong_num{
        width: 54px;
        height: 28px;
        bottom: 117px;
        left: 1136px;
        position: fixed;
    }
    .longzhimeng_guzhen_hotel_shengcar_num{
        width: 54px;
        height: 28px;
        bottom: 117px;
        left: 1211px;
        position: fixed;
    }
    .yashi_hotel_zong_num{
        width: 54px;
        height: 28px;
        bottom: 161px;
        left: 1362px;
        position: fixed;
    }
    .yashi_hotel_shengcar_num{
        width: 54px;
        height: 28px;
        bottom: 161px;
        left: 1437px;
        position: fixed;
    }
    .zuanshi_hotel_zong_num{
        width: 54px;
        height: 28px;
        bottom: 161px;
        left: 1556px;
        position: fixed;
    }
    .zuanshi_hotel_shengcar_num{
        width: 54px;
        height: 28px;
        bottom: 161px;
        left: 1631px;
        position: fixed;
    }
    .yashi_stop_shengyu_num{
        width: 54px;
        height: 28px;
        bottom: 297px;
        right: 442px;
        position: fixed;
    }
    .zuanshi_stop_shengyu_num{
        width: 54px;
        height: 28px;
        bottom: 291px;
        right: 256px;
        position: fixed;
    }

}

</style>
